<#assign shiro=JspTaglibs["http://shiro.apache.org/tags"]>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>
        编辑用户
    </title>

    <style type="text/css">
        body {
            padding: 10px 0;
        }

        div.ztree {
            border: 1px solid #617775;
            background: #f0f6e4;
            width: 300px;
            height: 300px;
            overflow-y: scroll;
            overflow-x: auto;
        }

        #result_id table {
            width: 100%;
        }

        #result_id table tr td:hover {
            background-color: #FF9999;
            cursor: pointer
        }
    </style>

    <link rel="stylesheet" href="/common/js/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
    <link rel="stylesheet" href="/common/js/bootstrap-3.0.0/css/bootstrap-united.min.css" type="text/css">
    <link rel="stylesheet" href="/common/js/jquery-plugin/validate/style.css" type="text/css">
    <link href="/common/css/toast.css" rel="stylesheet">
</head>
<body onload="toastFunction();">
<div class="container">
    <form id="form" method="post" action="/user/updateMyUser" class="form-horizontal" enctype="multipart/form-data">
        <fieldset>
            <legend>
                修改资料
            </legend>
            <input type="hidden" id="id" name="id" value="${user.id}">

            <div class="form-group">
                <label class="col-md-2 control-label" for="userName">用户名:</label>

                <div class="col-md-4">
                    <input type="text" id="userName" class="form-control" name="userName" required="required"
                           placeholder="字母，数字"
                           <#if user??>disabled="disabled" </#if>
                           value="${(user.username)!''}">
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-2 control-label" for="cnName">昵称:</label>

                <div class="col-md-4">
                    <input type="text" id="cnName" class="form-control" name="cnName" value="${(user.cnName)!''}"
                           required="required" maxlength="12">
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-2 control-label" for="trueName">真名:</label>

                <div class="col-md-4">
                    <input type="text" id="trueName" class="form-control" name="trueName" value="${(user.trueName)!''}"
                           required="required" maxlength="12">
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-2 control-label" for="identity">身份证:</label>

                <div class="col-md-4">
                    <input type="text" id="identity" class="form-control" name="identity" value="${(user.identity)!''}"
                           required="required" maxlength="18">
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-2 control-label" for="email">邮箱:</label>

                <div class="col-md-4">
                    <input type="text" id="email" name="email" class="form-control" value="${(user.email)!''}"
                           placeholder="请输入邮箱">
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-2 control-label" for="title">头像:</label>

                <div class="col-md-4">
                    <input type="file" id="file" class="form-control" name="file" />
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-2 control-label" for="descn">描述:</label>

                <div class="col-md-4">
                    <textarea id="descn" name="descn" class="form-control">${(user.descn)!''}</textarea>
                </div>
            </div>

            <#if is_biz??>
                <div class="form-group">
                    <label class="col-md-2 control-label" for="descn">异地服务费:</label>

                    <div class="col-md-4">
                        <textarea id="remote_fee" name="remote_fee" class="form-control">${(user.remote_fee)!''}</textarea>
                    </div>
                </div>
            </#if>

            <div class="form-group">
                <label class="col-md-2 control-label" for="login_name">省市区:</label>

                <div id="district" class="col-md-4">
                    <select name="province"></select>
                    <select name="city"></select>
                    <select name="area"></select>
                </div>
            </div>






            <div class="form-group">
                <label class="col-md-2 control-label" for="height">地址:</label>

                <div class="col-md-4">
                    <input type="text" id="address" class="form-control" name="address" value="${(user.address)!''}">
                </div>
            </div>




        </fieldset>

        <fieldset>
            <legend>
                附加信息
            </legend>

            <div class="form-group">
                <label class="col-md-2 control-label" for="height">身高(CM):</label>

                <div class="col-md-4">
                    <input type="text" id="height" class="form-control" name="height" value="${(user.height)!''}">
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-2 control-label" for="cnName">体重(KG):</label>

                <div class="col-md-4">
                    <input type="text" id="weight" class="form-control" name="weight" value="${(user.weight)!''}" >
                </div>
            </div>

            <#--<div class="form-group">-->
                <#--<label class="col-md-2 control-label" for="domain">个性域名:</label>-->

                <#--<div class="col-md-4">-->
                    <#--<input type="text" id="domain" name="domain" class="form-control" value="${(user.domain)!''}" >-->
                <#--</div>-->
            <#--</div>-->

            <div class="form-group">
                <label class="col-md-2 control-label" for="wechat">微信:</label>

                <div class="col-md-4">
                    <input type="text" id="wechat" name="wechat" class="form-control" value="${(user.wechat)!''}" >
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-2 control-label" for="qq">QQ:</label>

                <div class="col-md-4">
                    <input type="text" id="qq" name="qq" class="form-control" value="${(user.qq)!''}" >
                </div>
            </div>

            <#if is_biz??>
                <div class="form-group">
                    <label class="col-md-2 control-label" for="qq">婚礼风格:</label>

                    <div class="col-md-10">
                        <label><input type="checkbox" name="style_type" id="style_type_zs" value="1" <#if user.bizStyle?? && user.bizStyle?index_of("1") != -1 >checked="checked"</#if> />中式婚礼&nbsp;&nbsp;</label>
                        <label><input type="checkbox" name="style_type" id="style_type_xs" value="2" <#if user.bizStyle?? && user.bizStyle?index_of("2") != -1 >checked="checked"</#if> />西式婚礼&nbsp;&nbsp;</label>
                        <label><input type="checkbox" name="style_type" id="style_type_hs" value="3" <#if user.bizStyle?? && user.bizStyle?index_of("3") != -1 >checked="checked"</#if> />汉式婚礼&nbsp;&nbsp;</label>
                        <label><input type="checkbox" name="style_type" id="style_type_hs" value="4" <#if user.bizStyle?? && user.bizStyle?index_of("4") != -1 >checked="checked"</#if> />民族婚礼&nbsp;&nbsp;</label>
                    </div>
                </div>


                <div class="form-group">
                    <label class="col-md-2 control-label" for="qq">服务平均价格(元):</label>

                    <div class="col-md-4">
                        <input type="text" id="biz_price" name="biz_price" class="form-control" value="${(user.biz_price)!''}" >
                    </div>
                </div>
            </#if>

            <div class="form-group">
                <div class="col-md-offset-2 col-md-4">
                    <button class="btn btn-primary" type="submit">保存</button>
                    <button class="btn btn-danger" onclick="window.close();">取消</button>
                </div>
            </div>
        </fieldset>
    </form>
</div>
<div id="snackbar"><#if result??>${result}</#if></div>
<script type="text/javascript" src="/common/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="/common/js/jquery.citys.js"></script>
<script type="text/javascript" src="/common/js/zTree/js/jquery.ztree.core-3.5.min.js"></script>
<script type="text/javascript" src="/common/js/zTree/js/jquery.ztree.excheck-3.5.min.js"></script>
<script type="text/javascript" src="/common/js/jquery-plugin/validate/jquery.validate.1.11.1.min.js"></script>
<script type="text/javascript">
    $('#district').citys({code:'${area}'});
    <#--$(".province").val(${province});-->
    <#--$(".city").val(${city});-->
    <#--$(".area").val(${area});-->
</script>
<script>
    function toastFunction() {
        var x = document.getElementById("snackbar")
        if (x.innerHTML =="" || undefined || null){
            return;
        }
        x.className = "show";
        setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
    }
</script>
<#--<script type="text/javascript">-->
    <#--$.validator.setDefaults({-->
        <#--submitHandler: function () {-->
            <#--saveModify();-->
        <#--}-->
    <#--});-->

    <#--jQuery.validator.addMethod("regex", //addMethod第1个参数:方法名称-->
            <#--function (value, element, params) {     //addMethod第2个参数:验证方法，参数（被验证元素的值，被验证元素，参数）-->
                <#--var exp = new RegExp(params);     //实例化正则对象，参数为传入的正则表达式-->
                <#--return exp.test(value);                  //测试是否匹配-->
            <#--}, "格式错误");    //addMethod第3个参数:默认错误信息-->

    <#--$(function () {-->
        <#--$("#form").validate({-->
            <#--rules: {-->
                <#--userName: {-->
                    <#--required: true,-->
                    <#--rangelength: [5, 12],-->
                    <#--regex: "^[_a-zA-Z0-9]*$",-->
                    <#--remote: {-->
                        <#--url: "/user/isUser.json",-->
                        <#--type: "get",-->
                        <#--data: {-->
                            <#--userName: function () {-->
                                <#--return encodeURI($("#userName").val().trim());-->
                            <#--}-->
                        <#--}-->
                    <#--}-->
                <#--},-->
                <#--email: {-->
                    <#--required: true,-->
                    <#--email: true-->
                <#--}-->
            <#--},-->
            <#--messages: {-->
                <#--userName: {-->
                    <#--required: "请输入用户名",-->
                    <#--rangelength: "长度必须介于{0} 和 {1} 之间的字符串",-->
                    <#--regex: "用户名只能是数字、字母与下划线",-->
                    <#--remote: "用户名已存在"-->
                <#--},-->
                <#--email: {-->
                    <#--required: "请输入邮箱",-->
                    <#--email: "邮箱格式不正确"-->
                <#--}-->
            <#--},-->
            <#--highlight: function (element) {-->

                <#--$(element).next("label.valid").remove();-->
                <#--$(element).closest('.form-group').removeClass('success').addClass('error');-->
            <#--},-->
            <#--unhighlight: function (element) {-->
                <#--if ($(element).next("label.valid").length == 0) {-->
                    <#--$(element).after("<label class='valid'/>");-->
                <#--}-->
                <#--$(element).closest('.form-group').removeClass('error').addClass('success');-->
            <#--}-->
        <#--});-->
    <#--});-->

    <#--&lt;#&ndash;$(function () {&ndash;&gt;-->
        <#--&lt;#&ndash;$.ajax({&ndash;&gt;-->
            <#--&lt;#&ndash;type: "get",&ndash;&gt;-->
            <#--&lt;#&ndash;url: "/user/getRoleTree.json",&ndash;&gt;-->
            <#--&lt;#&ndash;data: {id:${user.id}},&ndash;&gt;-->
            <#--&lt;#&ndash;success: function (data) {&ndash;&gt;-->
                <#--&lt;#&ndash;var setting = {&ndash;&gt;-->
                    <#--&lt;#&ndash;check: {&ndash;&gt;-->
                        <#--&lt;#&ndash;enable: true,&ndash;&gt;-->
                        <#--&lt;#&ndash;chkboxType: { "Y": "", "N": "" }&ndash;&gt;-->
                    <#--&lt;#&ndash;},&ndash;&gt;-->
                    <#--&lt;#&ndash;view: {&ndash;&gt;-->
                        <#--&lt;#&ndash;selectedMulti: false&ndash;&gt;-->
                    <#--&lt;#&ndash;},&ndash;&gt;-->
                    <#--&lt;#&ndash;data: {&ndash;&gt;-->
                        <#--&lt;#&ndash;simpleData: {&ndash;&gt;-->
                            <#--&lt;#&ndash;enable: true,&ndash;&gt;-->
                            <#--&lt;#&ndash;idKey: "id",&ndash;&gt;-->
                            <#--&lt;#&ndash;pIdKey: "parentId"&ndash;&gt;-->
                        <#--&lt;#&ndash;},&ndash;&gt;-->
                        <#--&lt;#&ndash;key: {&ndash;&gt;-->
                            <#--&lt;#&ndash;name: "roleName"&ndash;&gt;-->
                        <#--&lt;#&ndash;}&ndash;&gt;-->
                    <#--&lt;#&ndash;},&ndash;&gt;-->
                    <#--&lt;#&ndash;callback: {&ndash;&gt;-->
                        <#--&lt;#&ndash;onCheck: function (event, treeId, treeNode) {&ndash;&gt;-->
                            <#--&lt;#&ndash;var treeObj = $.fn.zTree.getZTreeObj("roleDiv");&ndash;&gt;-->
                            <#--&lt;#&ndash;var nodes = treeObj.getNodesByFilter(function () {&ndash;&gt;-->
                                <#--&lt;#&ndash;return true;&ndash;&gt;-->
                            <#--&lt;#&ndash;}, false, treeNode);&ndash;&gt;-->

                            <#--&lt;#&ndash;for (var k in nodes) {&ndash;&gt;-->
                                <#--&lt;#&ndash;if (treeNode.checked) {&ndash;&gt;-->
                                    <#--&lt;#&ndash;treeObj.checkNode(nodes[k], false);&ndash;&gt;-->
                                <#--&lt;#&ndash;}&ndash;&gt;-->

                                <#--&lt;#&ndash;treeObj.setChkDisabled(nodes[k], treeNode.checked);&ndash;&gt;-->
                            <#--&lt;#&ndash;}&ndash;&gt;-->
                        <#--&lt;#&ndash;}&ndash;&gt;-->
                    <#--&lt;#&ndash;}&ndash;&gt;-->
                <#--&lt;#&ndash;};&ndash;&gt;-->

                <#--&lt;#&ndash;var obj = $.fn.zTree.init($("#roleDiv"), setting, data.list);&ndash;&gt;-->
                <#--&lt;#&ndash;var nodes = obj.getCheckedNodes(true);&ndash;&gt;-->
                <#--&lt;#&ndash;disableNodes(obj, nodes);&ndash;&gt;-->
            <#--&lt;#&ndash;}&ndash;&gt;-->
        <#--&lt;#&ndash;});&ndash;&gt;-->
    <#--&lt;#&ndash;});&ndash;&gt;-->

    <#--//禁用子节点-->
    <#--function disableNodes(treeObj, nodes) {-->
        <#--for (var k in nodes) {-->
            <#--var treeNode = nodes[k];-->
            <#--var subNodes = treeObj.getNodesByFilter(function () {-->
                <#--return true;-->
            <#--}, false, treeNode);-->

            <#--for (var m in subNodes) {-->
                <#--treeObj.setChkDisabled(subNodes[m], true);-->
            <#--}-->
        <#--}-->
    <#--}-->

    <#--//保存修改-->
    <#--function saveModify() {-->
        <#--var param = $("#form").serialize();-->

<#--//        var treeObj = $.fn.zTree.getZTreeObj("roleDiv");-->
<#--////    var nodes = treeObj.getChangeCheckedNodes();-->
<#--//        var nodes = treeObj.getNodesByFilter(function (node) {-->
<#--//            return node.checked != node.checkedOld;-->
<#--//        }, false);-->
<#--//-->
<#--//        if (nodes.length > 0) {-->
<#--//            var list = "[";-->
<#--//            for (var i = 0; i < nodes.length; i++) {-->
<#--//                if (i > 0) {-->
<#--//                    list += ",";-->
<#--//                }-->
<#--//                list += "{\"id\":" + nodes[i].id + ",\"checked\":" + nodes[i].checked + "}"-->
<#--//            }-->
<#--//            list += "]";-->
<#--//            param += "&roleList=" + list;-->
<#--//        }-->

        <#--var url = "/user/updateMyUser.json";-->
        <#--$.post(url, param, function (data) {-->
            <#--if (data) {-->
                <#--alert("操作成功");-->
                <#--if (window.opener && window.opener.search) {-->
                    <#--window.opener.search();-->
                <#--}-->
                <#--window.close();-->
            <#--} else {-->
                <#--alert("操作失败");-->
            <#--}-->
        <#--});-->
    <#--}-->
<#--</script>-->
</body>
</html>